<%@ page language="java" pageEncoding="UTF-8"%>


<!DOCTYPE html>
<html>
<head>


    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>登录-艺博客</title>
    <meta name="keywords" content="艺博客,艺术品交易网站,书法交易,书法作品欣赏，国画交易，油画交易，装饰画，手工艺品">
    <meta name="description" content="艺博客是由棋至文化倾情推出的普惠艺术品类网站平台，汇集了数千位国内知名的、富有潜力的国画、油画、书法等青中老艺术家，以及近五万幅高质量风格迥异的艺术作品，是集以行业资讯、知识传播、艺术品交易、个性定制、社交互动等多项服务为一体的综合型交流交易艺术品网站。">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="telephone=no" name="format-detection">
    <meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=no" id="viewport" name="viewport">
    <meta name="baidu-site-verification" content="ShuFpCrxDG">
    <link type="image/x-icon" href="#static.artbloger.com/favicon.ico" rel="icon">

    <link rel="apple-touch-icon-precomposed" href="#static.artbloger.com/touch-icon-144.png">
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="#static.artbloger.com/touch-icon-114.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="#static.artbloger.com/touch-icon-114.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="#static.artbloger.com/touch-icon-144.png">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="#static.artbloger.com/touch-icon-144.png">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/font_286873_tqipw4depadobt9.css">
    <link rel="stylesheet" type="text/css" href="css/responsive.css">
    <link rel="stylesheet" type="text/css" href="css/responsive2.css">
    <link rel="stylesheet" type="text/css" href="css/common2.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">

    <!--
<script src="js/hm.js"></script>
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/clamp.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript"
	src="js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="js/bfw.js"></script>
<script type="text/javascript" src="js/bfw_cart.js"></script>
<script type="text/javascript">var _bfw_config = {
		"baseurl" : "",
		"routetype" : 2,
		"contname" : "cont",
		"actname" : "act",
		"domname" : "dom",
		"jsbaseurl" : "http:\/\/static.artbloger.com\/js\/",
		"cssbaseurl" : "http:\/\/static.artbloger.com\/css\/"
	};
</script>
[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="#static.artbloger.com/css/style_ie.css" />
    <![endif]
<script>
	var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?eea5739259c05ba71917cb52729aba71";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script>
2017.10.18添加统计代码
<script type="text/javascript">
	var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " #");
	document.write(unescape("%3Cspan id='cnzz_stat_icon_1265187549'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1265187549%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
</script>
 -->

</head>


<body style="background-color: rgb(204, 204, 204); padding-top: 200px;">
<!--
<script src="images/z_stat.php" type="text/javascript"></script>
<script src="images/core.php" charset="utf-8"
    type="text/javascript"></script>
360统计代码
<script type="text/javascript" src="js/206138.js" async=""
    defer=""></script>
-->

<div class="container">
    <div class="header_box" style="position: fixed; height: 88px; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 6px 0px; z-index: 50; top: 0px;">
        <header style="padding-top: 26.5px;">
            <img class="heard_log" src="images/heard_log.png" style="display: none;">
            <nav>
                <img class="heard_log2" src="images/heard_log.png" style="display: block;">
                <ul class="fl" id="index_fl" style="width: 40%;">
                    <li class="remove_cur index_is_cur"><a href="index.do">首页</a></li>
                    <li class="header_atw is_cur art_is_cur remove_cur"><a href="artwork.jsp">艺术品</a>
                        <div class="nav_next" style="top: 88px;">
                            <ul style="width: 50%;">
                                <li><a href="details.jsp""="">精选</a></li>
                                <li><a href="details.jsp">油画</a></li>
                                <li><a href="details.jsp">国画</a></li>
                                <li><a href="details.jsp">书法</a></li>
                                <li><a href="details.jsp">水彩</a></li>
                                <li><a href="details.jsp">版画</a></li>
                            </ul>
                        </div></li>
                    <li class="arter_is_cur remove_cur"><a href="artist.jsp">艺术家</a></li>
                    <li class="lease_is_cur remove_cur"><a href="rent.jsp">艺租赁</a></li>
                    <li class="scr_hide special_is_cur remove_cur" style="display: none;"><a href="zhuanchang.jsp">专场</a><span class="li_bd"></span></li>
                    <li class="scr_hide information_is_cur remove_cur" style="display: none;"><a href="message.jsp">资讯</a></li>
                </ul>
                <div class="search fr">
                    <div class="shop fr" id="shopcart">
                        <a href="shop.jsp"> <img src="images/shop.png">
                            <p>购物车</p></a>
                    </div>
                    <div class="user fr">

                        <a href="login.jsp"> <img src="images/user.png">
                            <p>未登录</p></a>
                    </div>
                    <div class="fr form" method="get">
                        <input type="text" id="search_info" value="" placeholder="油画风景"> <input type="button" value="" id="search-form">
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </nav>
        </header>
    </div>
    <!-- <script type="text/javascript">
        $(document).ready(function() {
            $('#cnzz_stat_icon_1265187549').appendTo('.footer_bottom_p')
            var str = location.href;
            var search_val = str.split("/");
            var search_key = decodeURI(search_val[search_val.length - 2]);
            var search_val = decodeURI(search_val[search_val.length - 1]);
            if (search_key == 'keyword') {
                $("#search_info").val(search_val);
            }
            if (search_key == 'choice') {
                $('.ipt').addClass('ipt_q');
                $(".condition").attr('jingxuan', 1);

            }

            //其他导航条特效
            if (window.location.pathname == '/' || window.location.pathname == '') {
                $('.remove_cur').siblings().removeClass('cur');
                $('.index_is_cur').addClass('cur');
            }
            if (window.location.pathname == '/Cms/Page/ArtworkList/' || window.location.pathname == '/artwork/') {
                $('.remove_cur').siblings().removeClass('cur');
                $('.art_is_cur').addClass('cur');
            }
            if (window.location.pathname == '/Cms/Page/ArtistList/' || window.location.pathname == '/artist/') {
                $('.remove_cur').siblings().removeClass('cur');
                $('.arter_is_cur').addClass('cur');
            }
            if (window.location.pathname == '/Cms/Lease/Index/' || window.location.pathname == '/lease/') {
                $('.remove_cur').siblings().removeClass('cur');
                $('.lease_is_cur').addClass('cur');
            }
            if (window.location.pathname == '/Cms/Zhuanti/Index/' || window.location.pathname == '/zhuanti/') {
                $('.remove_cur').siblings().removeClass('cur');
                $('.special_is_cur').addClass('cur');
            }
            if (window.location.pathname == '/Cms/News/XinxianShi/' || window.location.pathname == '/news/') {
                $('.remove_cur').siblings().removeClass('cur');
                $('.information_is_cur').addClass('cur');
            }

            //艺术家详情导航条特效
            var arrhost = window.location.host.split('.');
            if (arrhost['1'] == "s") {
                $('.remove_cur').siblings().removeClass('cur');
                $('.arter_is_cur').addClass('cur');
            }
        });
        var anti_shake; // 防抖
        $('.header_atw').hover(function() {
            $('.nav_next').width($(window).width());
            clearTimeout(anti_shake);
            anti_shake = setTimeout(function() {
                $('.nav_next').stop().animate({
                    height : "142px",
                    paddingTop : "29px"
                }, 200);
                $('.nav_next ul li').css("display", "block");
            }, 120);
        }, function() {
            clearTimeout(anti_shake);
            $('.nav_next ul li').css("display", "none")
            $('.nav_next').stop().animate({
                height : "0px",
                paddingTop : "0px"
            }, 200);
        })
        //个人中心下滑效果
        $('.header_box header .search .user').hover(function() {
            clearTimeout(anti_shake);

            anti_shake = setTimeout(function() {
                $('.header_box header .search .user div').animate({
                    height : "120px"
                }, 200, function() {
                    $('.header_box header .search .user div li').css("display", "block")
                });
            }, 120);
        }, function() {
            clearTimeout(anti_shake);
            $('.header_box header .search .user div').animate({
                height : "0px"
            }, 200, function() {
                $('.header_box header .search .user div li').css("display", "none")
            });
        })
        //滚动距离超过200px
        $(window).scroll(function() {
            if ($(window).scrollTop() >= 88) {
                $('body').css("padding-top", "200px")
                $('.header_box').css({
                    "position" : "fixed",
                    "height" : "88px",
                    "box-shadow" : "0 2px 6px 0 rgba(0, 0, 0, 0.1)",
                    "z-index" : 50,
                    "top" : 0
                });

                $("header").css({
                    "padding-top" : "26.5px"
                });
                $(".nav_next").css({
                    "top" : "88px"
                });
                $('nav>ul').css({
                    "width" : "40%"
                });
                $('nav search user div ul').css({
                    "width" : "100%"
                });
                $('.scr_hide').hide();
                $(".heard_log").hide();
                $(".heard_log2").css("display", "block");
            } else {
                $('body').css("padding-top", "0px")
                $('.header_box').css({
                    "position" : "relative",
                    "height" : "200px",
                    "box-shadow" : "none"
                });
                $("header").css({
                    "padding-top" : "30px"
                });
                $(".nav_next").css({
                    "top" : "200px"
                });
                $('nav ul').css({
                    "width" : "50%"
                })
                $('.scr_hide').show();
                $(".heard_log").show();
                $(".heard_log2").hide();
            }
        });

        $(function() {
            $("#search-form").click(function() {
                var search = "/Cms/Page/ArtworkList/keyword/";
                if ($('#search_info').val() == '' || $('#search_info').val() == 'undefind' || $('#search_info').val() == null) {
                    $('#search_info').val('油画风景');
                }
                location.href = search + $('#search_info').val();
                return false;
            });

            //按下Enter键搜索
            $("#search_info").keydown(function(e) { //当按下按键时
                if (e.which == 13) { //.which属性判断按下的是哪个键，回车键的键位序号为13
                    $('#search-form').trigger("click"); //触发搜索按钮的点击事件
                }
            });
        });
        function bfwResponse(resjson) {
            if (resjson['err']) {
                $.Bfw.toastshow(resjson['data']);
            } else {
                if (resjson['data'].substr(0, 9) == "redirect:") {
                    location.href = resjson['data'].substr(9);
                } else if (resjson['data'].substr(0, 12) == "msgredirect:") {
                    var spos = resjson['data'].indexOf("---");
                    if (spos > 12) {
                        $.Bfw.toastshow(resjson['data'].substr(12, spos - 12));
                        var gotohref = resjson['data'].substr(spos + 3);
                        console.log(gotohref);
                        if (gotohref == "back") {
                            history.back();
                        } else {
                            location.href = gotohref;
                        }
                    }
                } else if (resjson['data'].substr(0, 4) == "back") {
                    history.back();
                } else {
                    $.Bfw.toastshow(resjson['data']);
                }
            }
        }
    </script> -->

    <!--
    <script type="text/javascript"
        src="js/jquery.icheck.min.js"></script>
    <script type="text/javascript" src="js/Validform.min.js"></script>

     -->
    <script type="text/javascript" src="js/passwordStrength-min.js"></script>
    <link href="css/registerAll.css" rel="stylesheet" type="text/css">
    <div class="login">
        <div class="login_form">
            <span class="login_title">登录艺博客</span>
            <!--向后台传输用户的账号与密码  -->
            <form method="post" name="bfw_form" action="login" id="demoform" class="listAll">

                <input type="text" class="number_pic" autocomplete="off" placeholder="请输入手机号码" name="userName" id="username" datatype="m|e" nullmsg="请输入手机号码">
                <input type="password" value="" placeholder="请输入密码" autocomplete="off" class="password_pic" name="password" id="password" datatype="*6-18" nullmsg="请输入密码！">
                <input type="submit" class="login_submit" value="登 录"
                                                                                                                                                                                                                                                                                                         name="submit">

                <div class="login_left select">
                    <i id="issave"> <input type="hidden" name="issave" value="1" checked="checked">
                    </i> <span class="check_tips">记住我</span> <a href="#www.artbloger.com/Cms/Member/FindPwd/" class="lost_pwd">忘记密码?</a>
                </div>

            </form>
            <!-- <form method="post"  action="login.do" >

                <input type="text" placeholder="请输入手机号码" name="username"  nullmsg="请输入密码！">
                <input type="text" placeholder="请输入密码" name="userpwd"  nullmsg="请输入密码！">

                <input type="submit" value="登 录" >

                <div class="login_left select">
                    <i id="issave"> <input type="hidden" name="issave" value="1"
                        checked="checked">
                    </i> <span class="check_tips">记住我</span> <a
                        href="#www.artbloger.com/Cms/Member/FindPwd/" class="lost_pwd">忘记密码?</a>
                </div>

            </form> -->
            <div class="toRegister">
                <span><i></i>&nbsp;&nbsp;或者你可以&nbsp;&nbsp;<i></i></span> <a href="register.jsp">点击注册新账号</a> <a href="register.jsp">注册成为艺术家</a>
            </div>
        </div>
    </div>
    <div class="footer_box">
        <div class="footer_top">
            <img class="footer_img" src="images/footer_log.png">
            <div class="fr">
                <dl class="fl">
                    <dt>
                        <i></i><a href="#www.artbloger.com/Cms/Page/Questions/">帮助中心</a>
                    </dt>
                    <dd>
                        <a href="#www.artbloger.com/Cms/Page/Questions/">常见问题</a>
                        <!--<a href="/Cms/Page/ContactUs/">售后服务</a>-->
                        <a href="#www.artbloger.com/Cms/Page/AboutUs/">关于艺博客</a>
                    </dd>
                </dl>
                <dl class="fl">
                    <dt>
                        <i></i><a href="#www.artbloger.com/Cms/Page/BuyFlow/">使用指南</a>
                    </dt>
                    <dd>
                        <a href="#www.artbloger.com/Cms/Page/BuyFlow/">购买流程</a> <a href="#www.artbloger.com/Cms/Page/LeaseFlow/">租赁服务</a>
                        <!--<a href="/Cms/Page/LeaseFlow/">装裱和配送</a>-->
                    </dd>
                </dl>
                <dl class="fl">
                    <dt>
                        <i></i><a href="#www.artbloger.com/Cms/Page/AboutUs/">关于我们</a>
                    </dt>
                    <dd>
                        <!--<a href="javsacript:;">人才招募</a>-->
                        <a href="#www.artbloger.com/Cms/Page/ContactUs/">联系我们</a> <a href="#www.artbloger.com/Cms/Zhuanti/ArtInterview/">艺术家招募</a>
                    </dd>
                </dl>
                <dl class="fr img">
                    <dt>
                        <img src="images/dingyuehao.png">
                    </dt>
                    <dd>
                        <a href="javascript:;">微信订阅号</a>
                    </dd>
                </dl>
                <dl class="fr img">
                    <dt>
                        <img src="images/app_down.jpg">
                    </dt>
                    <dd>
                        <a href="javascript:;">手机艺博客</a>
                    </dd>
                </dl>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="footer_bottom">
            <p class="footer_bottom_p">
                艺博客版权所有 <a href="#www.miitbeian.gov.cn/">沪ICP备16022500号</a>Copyright © 2013 - 2017 artbloger.com, All Rights Reserved. <span id="cnzz_stat_icon_1265187549"><a
                    href="#www.cnzz.com/stat/website.php?web_id=1265187549" target="_blank" title="站长统计"><img border="0" hspace="0" vspace="0" src="images/pic.gif"></a></span>
            </p>
        </div>
    </div>
</div>


<!--
<script>
    //是否记住账号密码
    $('.login_left i').click(function() {
        $(this).toggleClass('cur')
    })
    //验证表单
    $(function() {
        $("#demoform").Validform({
            tiptype : function(msg, o, cssctl) {
                if (msg.length > 0) {
                    $.Bfw.toastshow(msg);
                }
            }
        });
    });
    //用户协议
    $(".login_left").click(function() {
        if ($(this).find("input").prop("checked")) {
            $(this).removeClass("select");
            $(this).find("input").attr("checked", false);
            $(".issave").val(0);
        } else {
            $(this).addClass("select");
            $(this).find("input").attr("checked", true);
            $(".issave").val(1);
        }
        ;
    });

    function getToken() {
        $.ajax({
            type : "get",
            url : "/Cms/Member/GetFormToken/",
            dataType : "json",
            success : function(data) {
                if (data['err']) {
                    alert(data['data']);
                } else {
                    encyptkey = data['data'];
                }
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown);
            }
        });
    }
</script> -->


<!--<script type="text/javascript">$(document).ready(function() {
        $.Bfw.loadjs("", "", function() {
            jQuery.Bfw.submitform("form", function(data) {
                return true;
            }, bfwResponse, [ [ "username", "require", "\u624b\u673a\u53f7\u5fc5\u586b" ], [ "userpwd", "require", "\u5bc6\u7801\u5fc5\u586b" ], [ "username", "checkData" ] ]);
        })
    });
</script>
<iframe name="228987" height="0" width="0" src="images/mv.html"
    style="display: none;"></iframe> -->





</body>

</html>
